<template>
	<view class="page">
		<!-- <view class="flex align-center justify-between margin-top padding-lr">
			<u-icon name="arrow-left" size="24rpx" color="#999" @click="getYestoday"></u-icon>
			<u-text align="center" margin="0 20rpx" color="#333" size="34rpx" :text="calendarDate"
				@click="showCalendar = true"></u-text>
			<u-icon name="arrow-right" size="24rpx" color="#999" @click="getNextDay"></u-icon>
		</view> -->
		<view class="main">
			<view class="menu-box">
				<view class="menu-item" hover-class="menu-item-hover" @click="goToSelectKnowledge">
					<text>本周班级</text>
					<text>练习题生成</text>
				</view>
				<view class="menu-item" hover-class="menu-item-hover" @click="goHistoryExercise">
					<text>历史班级</text>
					<text>练习题查看</text>
				</view>
				<view class="menu-item" hover-class="menu-item-hover" @click="goStudentList">
					<text>本周学员</text>
					<text>练习题修改</text>
				</view>
				<view class="menu-item" hover-class="menu-item-hover" @click="goStudentHistoryExercise">
					<text>历史学员</text>
					<text>练习题修改</text>
				</view>
				<view class="menu-item" hover-class="menu-item-hover" @click="goPrintExercise">
					<text>一键打印</text>
				</view>
				<view class="menu-item" hover-class="menu-item-hover" @click="goPrintList">
					<text>打印状态</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import dayjs from 'dayjs'
const calendarDate = ref('10月02日');

onLoad((options) => {
	uni.setNavigationBarTitle({
		title: '周末班：一年级·数学（A）班'
	})
})

const goToSelectKnowledge = () => {
	uni.navigateTo({
		url: '/pages/teacher/createExercise/selectKnowledge'
	})
}

const goStudentList = () => {
	uni.navigateTo({
		url: '/pages/teacher/createExercise/studentList'
	})
}

// 班级历史练习题
const goHistoryExercise = () => {
	uni.navigateTo({
		url: '/pages/teacher/createExercise/classHistoryExercise'
	})
}

// 学员历史练习题
const goStudentHistoryExercise = () => {
	uni.navigateTo({
		url: '/pages/teacher/createExercise/studentHistoryExercise'
	})
}

// 一键打印
const goPrintExercise = () => {
	uni.navigateTo({
		url: '/pages/teacher/createExercise/printExercise'
	})
}

// 打印状态 
const goPrintList = () => {
	uni.navigateTo({
		url: '/pages/teacher/createExercise/printList'
	})
}
</script>

<style>
.menu-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 20rpx;
}

.menu-item {
	display: flex;
	flex-direction: column;
	font-size: 36rpx;
	color: #333;
	text-align: center;
	padding: 80rpx 30rpx;
	background: white;
	border-radius: 16rpx;
	box-sizing: border-box;
	background: white;
	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
}

.menu-item-hover {
	background: #f5f5f5;
}
</style>